import React, { Component } from 'react';
import BookItem from '@/components/book/common/BookItem';
import { BackTop } from 'antd';
class Com extends Component {
  componentDidMount () {
    this.props.getBookListData()
  }
  render () {
   // console.log(this.props)
    const { booklist } = this.props;
    //console.log(booklist)
    return (
      <div className = "sectionBox" style={{marginTop:'0',position:'relative',top:'20px'}}>
       <div>
                    <BackTop>
                        <div className="ant-back-top-inner" title="回到顶部">^</div>
                    </BackTop>
                </div>
        <div className = "movielist">
          {
           booklist.map((item, index) => {
              return (
                <BookItem key={ index } data = { item } {...this.props}/>
              )
            })
          }
        </div>
      </div>
    )
  }
}

export default Com;